<template>
    <div>
        <h1>数字：{{ count }}</h1>
        <h1 v-text="count"></h1>
        <h1 v-html="count"></h1>

        <h1>链接{{ link }}</h1>
        <h1 v-text="link"></h1>
        <h1 v-html="link"></h1>

        <button @click="isShow = !isShow">显示/隐藏</button>
        <h1 v-show="isShow">我是一个标题</h1>
        <input type="text">

        <a v-bind:href="aLink">蜗牛学院</a>
        <a :href="aLink">蜗牛学院</a>
    </div>
</template>

<script setup>
import { ref } from 'vue';

const count = ref(100);
const link = ref('<a href="https://www.woniuxy.com">蜗牛学院</a>')
const isShow = ref(false);

const aLink = ref('https://www.woniuxy.com')

</script>

<style scoped></style>